export default{
	"fade":{
		duration: 300,					//每个动画组持续时间，必须设置
		timingFunction: "ease",			//每个动画缓动效果，不设置则默认linear
		delay: 0,						//每个动画延迟时间，不设置则默认0
		transformOrigin: "50% 50% 0",	//变换中点，不设置则默认50% 50% 0
		//进入动画前的初始变换
		initStyle:{
			"opacity": 0,	//注意属性的排序将会影响变换结果
		},
		//进入动画队列，一个对象表示一组动画，表示变换结果值
		//变换结果必须与无样式状态一致，变换结束后会删除transform样式
		//问题来由：transform变换会影响fixed定位起点，导致popup嵌套时，子层无法跃出父层
		in:[
			{ "opacity": 1 }//如果增加duration属性则表示当前动画组持续时间，优先于默认持续时间
		],
		//退出动画队列
		out:[
			{ "opacity": 0 }
		]
	},
	"slideTop":{
		duration: 300,
		timingFunction: "ease",
		initStyle:{
			"translateY": "-100%"
		},
		in:[
			{ "translateY": "0%" }
		],
		out:[
			{ "translateY": "-100%" }
		]
	},
	"slideBottom":{
		duration: 300,
		timingFunction: "ease",
		initStyle:{
			"translateY": "100%"
		},
		in:[
			{ "translateY": "0%" }
		],
		out:[
			{ "translateY": "100%" }
		]
	},
	"slideLeft":{
		duration: 300,
		timingFunction: "ease",
		initStyle:{
			"translateX": "-100%"
		},
		in:[
			{ "translateX": "0%" }
		],
		out:[
			{ "translateX": "-100%" }
		]
	},
	"slideRight":{
		duration: 300,
		timingFunction: "ease",
		initStyle:{
			"translateX": "100%"
		},
		in:[
			{ "translateX": "0%" }
		],
		out:[
			{ "translateX": "100%" }
		]
	},
	//进：小变大，出：大变小
	"zoomOut":{
		duration: 300,
		timingFunction: "ease",
		initStyle:{
			"opacity": 0,
			"scaleX": 0.8,
			"scaleY": 0.8
		},
		in:[
			{
				"opacity": 1,
				"scaleX": 1,
				"scaleY": 1,
			}
		],
		out:[
			{
				"opacity": 0,
				"scaleX": 0.8,
				"scaleY": 0.8,
			}
		]
	},
	//进：大变小，出：小变大
	"zoomIn":{
		duration: 300,
		timingFunction: "ease",
		initStyle:{
			"opacity": 0.3,
			"scaleX": 1.2,
			"scaleY": 1.2
		},
		in:[
			{
				"opacity": 1,
				"scaleX": 1,
				"scaleY": 1,
			}
		],
		out:[
			{
				"opacity": 0,
				"scaleX": 1.2,
				"scaleY": 1.2,
			}
		]
	},
	"zoomOutUp":{
		duration: 300,
		timingFunction: "ease",
		initStyle:{
			"opacity": 0,
			"scaleX": 0.8,
			"scaleY": 0.8,
			"translateY": "15px",
		},
		in:[
			{
				"opacity": 1,
				"scaleX": 0.8,
				"scaleY": 0.8,
				"translateY": "-5px",
				duration: 100
			},
			{
				"scaleX": 1,
				"scaleY": 1,
				"translateY": 0,
			}
		],
		out:[
			{
				"opacity": 1,
				"scaleX": 0.8,
				"scaleY": 0.8,
				"translateY": "-5px",
				duration: 100
			},
			{
				"opacity": 0,
				"translateY": "15px"
			}
		]
	},
}
